Skip to content

feature: Claude Code を利用した開発手法のdocs.mdを作成する#76

Open
koduno wants to merge 9 commits into
mainfrom
koduno/claude-code-tutorial
Open

feature: Claude Code を利用した開発手法のdocs.mdを作成する#76
koduno wants to merge 9 commits into
mainfrom
koduno/claude-code-tutorial

Conversation

@koduno

@koduno koduno commented Jul 3, 2026

Copy link
Copy Markdown

概要

claude codeの使用方法についての資料を作成しました

変更点

  • docs.mdの追加
  • imgs/の追加
  • READMEの更新

@koduno koduno marked this pull request as ready for review July 3, 2026 09:45

@kamekyame kamekyame left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

その他は特に気になることなさそうなので自分からは LGTM です!

Comment thread claude-code/docs.md Outdated
Comment thread claude-code/docs.md Outdated
Comment thread claude-code/docs.md Outdated
Comment thread claude-code/docs.md Outdated
@kamekyame

Copy link
Copy Markdown
Contributor

修正確認しました!ありがとうございます〜 🙏

@takerucam

Copy link
Copy Markdown
Contributor

みます

Comment thread claude-code/README.md

1. 拡張機能ビューを開く(Mac: `Cmd+Shift+X` / Windows・Linux: `Ctrl+Shift+X`)
2. 検索欄に「**Claude Code**」と入力する
3. 「Claude Code」(発行元: Anthropic)の「**インストール**」をクリックする

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

拡張機能を install したら添付画像が出たので何をチェックして完了とすればいいのかわからなかったです

Image

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

完了条件をステップ4として追加しました 🙇

4546de0

Comment thread claude-code/docs.md
| **Plan mode**(計画をたてて確認) | コードを調べてから、編集の前に計画を提示する |
| **Auto mode**(自動選択) | タスクに応じて最適な許可モードを自動で選ぶ |

![モード切替メニュー](./imgs/screen-shots/07_modes.png)

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

mode が自分の環境と違うのはなんでだろう?

Image

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

拡張機能のバージョンの問題でした 🙏
バージョンを上げてスクショを新しいものに差し替えました

cf28574

@m-sato-310 m-sato-310 left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

問題なさそうです :ok-maru:
:lgtm:

@nabe1005 nabe1005 left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

レビューしました、指摘箇所の確認をお願いしたいです! 🙏

Comment thread claude-code/README.md Outdated
## 2. URL

- テキスト: [資料](./docs.md)
- スライド: [プレゼンテーション表示](https://jigintern.github.io/intern-dev-tutorial/claude-code/claude-code-slide.html)

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

slide.mdが見当たらないけど、スライドは別途作成される予定がありますか?

Comment thread claude-code/docs.md Outdated
本項では、Anthropic が提供する AI コーディングツール [Claude
Code](https://code.claude.com/docs/ja/overview)
を利用した開発手法について解説します。
この資料と同一のフォルダ内に、スライドも掲載しており、双方を参照することで学習を進めます。

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

スライド作る予定ありますか?

Comment thread claude-code/docs.md Outdated
### 2-2. プロンプトを送ってみよう

パネルが開いたら、入力欄に「やりたいこと」を自然言語で書いて送信します。
空のフォルダなら、まずは**何かを「作ってもらう」**と Claude Code の楽しさが分かります。

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

何かを「作ってもらう」

太字になっていなさそうでした

Comment thread claude-code/docs.md Outdated

### 2-3. 変更を依頼して差分を確認・承認しよう

Claude がファイルを作ったり編集したりするときは、**追加・変更される内容(差分)**を表示し、承認を求めてきます。

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

追加・変更される内容(差分)

ここも太字になってない

Comment thread claude-code/docs.md Outdated
| **Switch model… / Effort**(`/model`) | 使うモデルや考える深さを切り替える(→ 後述の「モデルと Effort について」) |
| **Account & usage…**(`/usage`) | プランの使用状況を確認する |

このほかにも多くの組み込みコマンドがあります。また、**スキル(Skills)**という仕組みで機能を追加でき、チームやプロジェクト独自の `/○○` が増えていることもあります(メニューに見慣れない項目があったら、たいていこれです)。

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

スキル(Skills)

太字になってない

Comment thread claude-code/docs.md Outdated

</details>

### モデルと Effort について

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

h3セクションは通し番号があるが、ここだけついてない

koduno added 3 commits July 14, 2026 14:30
- スライド作成予定がないため、スライドへの参照を README と docs から削除
- 全角括弧に隣接して効いていなかった太字3箇所を修正
- 「モデルと Effort について」に通し番号 2-8 を付与し、参照箇所も更新
インストール後にウォークスルー画面が開いて完了判断に迷うという
レビュー指摘に対応。Spark アイコンの表示を完了の目印として明示する
モード表示が資料と異なるというレビュー指摘に対応。
- モード名を Manual / Edit automatically / Plan / Auto に更新
- Auto モードの説明文を新 UI の説明に追従
- スクリーンショットを最新の表示に差し替え
@koduno

koduno commented Jul 14, 2026

Copy link
Copy Markdown
Author

@nabe1005
指摘箇所について修正しました 🙇 41c1d97 ご確認ください 🙏
またスライドについては初期は作る予定でしたが、スライドが必要になるユースケースがあまり思い浮かばないのと、自分以外も使うものになるので難しいなと思いやめました。現状で作成する予定がないため文言を削除しました。

@nabe1005 nabe1005 left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants